<template>
    <header class="py-2 header-color">
        <div class="nav-box">
            <div class="left">
                <span>learn vue 3</span>
            </div>
        </div>
    </header>
</template>
<style lang="scss" >
.header-color{
    background-color: #20232a;
    color:#fff;
    position: fixed;
    width:100vw;
    z-index: 10;
}
.nav-box{
    display: flex;
    padding-right: 16px;
    padding-left:16px;
    .left {
        height:24px;
        padding: 10px 10px;
    }
    span {
        line-height: 24px;
    }
    background-color: #20232a;
    color:#fff;
}
</style>
